<html>
<head>

	<style type="text/css">
		#wrapper
		{
			width:100%;			
			/*margin:0;
			height:0;
			*/
		}
		#id1
		{
			
			height:20%;
			/*margin:0;
			height:0;*/
			border:1px solid;
		}
		#id2
		{
			
			height:70%;
			/*margin:0;
			height:0;*/
			border:1px solid;
		}
		ul li
		{
			display:inline;							
		}
	</style>
	<script type="text/javascript">
		function change(sel)
		{
			var id2 = document.getElementById("id2");
			if(sel == 1)
			{
				id2.innerHTML = "<iframe frameborder='0' src='t1.html'></iframe>";
			}
			else if(sel == 2)
			{
				id2.innerHTML = "<iframe frameborder='0' src='t2.html'></iframe>";
			}
			else
			{
				id2.innerHTML = "<iframe frameborder='0' src='t3.html'></iframe>";
			}
		}
	</script>
</head>
<body>
	<div id="wrapper">
		<div id="id1">
			<ul>
				<li><a href="#" onclick="change(1)" >link1</a></li>
				<li><a href="#" onclick="change(2)" >link2</a></li>
				<li><a href="#" onclick="change(3)" >link3</a></li>
			</ul>
		</div>
		<div id="id2">
			<?php
				$code = "1101";
				$len = strlen($code);
				$split = str_split($code);
				if($len == 3)
				{									
				}
				else
				{
					if($split[1]==0 && $split[1] == 0)
					{
						echo "百年";
					}
				}
			?>
		</div>
	</div>
</body>
</html>
